<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝星图书-订单管理</title>
    <!-- 图标 -->
    <link rel="shortcut icon" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico"
        type="image/x-icon" />
    <link rel="Bookmark" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico" />
    
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/layui/css/layui.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- Layui -->
    <script src="/layui/layui.js"></script>
    <script src="/js/book_type.js"></script>
    <script src="/js/backstage/orderr_form.js"></script>
    <script>
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'pageOrderForm', //注意，这里的 test1 是 ID，不用加 # 号
                count: 50, //数据总数，从服务端得到
                limit: 10, // 每页显示条数
                //layout: ['limit'], // 每页条数下拉框 结合limits使用
                // limits: [10, 20, 30, 40, 50] 
            });
        });
    </script>

</head>

<body>
    <!-- 顶部导航 -->
    <script src="/js/backstage/header.js"></script>
    <!-- 内容 -->
    <div class="layui-col-md12">
        <!-- 左侧导航 -->
        <script src="/js/backstage/left_nav.js"></script>
        <!-- 对应导航内容 -->
        <div class="layui-col-md10" style="margin-left: 300px;margin-top: 50px;">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>订单编号</th>
                        <th>图片</th>
                        <th>名称</th>
                        <th>总数量</th>
                        <th>总金额</th>
                        <th>下单时间</th>
                        <th>是否发货</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>6</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>7</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>未发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>8</td>
                        <td>5487563546415646</td>
                        <td>
                            <img src="/img/29216523-1_m_27.jpg" width="50px;" height="50px;" />
                        </td>
                        <td>希望之线</td>
                        <td>2</td>
                        <td>68.5</td>
                        <td>2021-05-21 18:00:21</td>
                        <th>已发货</th>
                        <td>
                            <button type="button" onclick="updateDeliver(1)" class="layui-btn layui-btn-sm">
                                <i class="layui-icon">&#xe642;</i>
                            </button>
                            <button type="button" onclick="bookType()" class="layui-btn layui-btn-sm layui-btn-danger">
                                <i class="layui-icon">&#xe640;</i>
                            </button>
                        </td>
                    </tr>

                </tbody>
            </table>
            <!-- 分页 -->
            <br />
            <div id="pageOrderForm"></div>
        </div>
    </div>

    <!-- 新增图书类型 与修改共用一个 -->
    <div style="display: none;" id="saveType">
        <form action="/index" class="layui-form" method="POST">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入新增类型" autocomplete="off"
                class="layui-input">
            <button type="submit" class="layui-btn layui-btn-fluid">新增</button>
        </form>
    </div>

</body>

</html>